        * {
            margin: 0;
            padding: 0;
        }
        html {
            height: 100%;
        }
        body {
            height: 100%;
        }
		
        .nav{
            height: 45px;
            width: 100%;
            background-image: linear-gradient(to right, #FDF5E6, #528B8B);
            position: fixed;
            top: 0;
            line-height:45px;
            font-size: 14px;
        }
        .nav-lsize{
            color: #808080;
            float:left;
            font-size: 16px;
            margin-left: 30px; 
            text-decoration:none;
        }
        .nav-rsize{
            float:right;
            color: #d9d9d9;
            font-size: 14px;
            margin-right: 20px; 
            text-decoration:none;
        }
		
        .container-main{
            height: 100%;
            background-image: linear-gradient(to right, #fbc2eb, #a6c1ee);
        }
		.container-rl{
		    height: 100%;
		    background-image: linear-gradient(to right,#F0E68C, #87CEEB);
		}
        .wrapper-main{
            background-color: #fff;
            width: 716px;
            height: 548px;
            border-radius: 15px;
            padding: 0 50px;
            position: relative;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            float:left;
        }
		.wrapper-out{
		    background-color: #fff;
		    width: 358px;
		    height: 548px;
		    border-radius: 15px;
		    padding: 0 50px;
		    position: relative;
		    left: 30%;
		    top: 50%;
		    transform: translate(-50%, -50%);
            float:left;
		}
		.wrapper-login{
		    background-color: #fff;
		    width: 358px;
		    height: 458px;
		    border-radius: 15px;
		    padding: 0 50px;
		    position: relative;
		    left: 50%;
		    top: 50%;
		    transform: translate(-50%, -50%);
		}
		.wrapper-register{
		    background-color: #fff;
		    width: 358px;
		    height: 518px;
		    border-radius: 15px;
		    padding: 0 50px;
		    position: relative;
		    left: 50%;
		    top: 50%;
		    transform: translate(-50%, -50%);
		}
        .header {
            font-size: 38px;
            font-weight: bold;
            text-align: center;
            line-height: 200px;
        }
		.header_o {
		    font-size: 38px;
		    font-weight: bold;
		    text-align: center;
		    line-height: 100px;
			margin-bottom: 120px;
		}
		.header-out {
            font-size: 28px;
            font-weight: bold;
            text-align: center;
            line-height: 200px;
			/* margin-top: 38%;
			margin-bottom: -8%;
			float: left;
		    font-size: 28px;
		    font-weight: bold;
		    text-align: center; */
		}
		.label-out {
			float: left;
		    font-size: 18px;
		    text-align: center;
			margin-top: 5%;
			margin-left: 15%;
		}
        .input-item {
            display: block;
            width: 94%;
            margin-bottom: 20px;
            border: 0;
            padding: 10px;
            border-bottom: 1px solid rgb(128, 125, 125);
            font-size: 15px;
            outline: none;
        }
		
        .btn-main {
            border-radius: 5px;
            border: 0;
            text-align: center;
            padding: 10px;
            width: 105.5%;
            font-size: 17px;
            margin-top: 20px;
			background-color: #6A5ACD;
            color: #fff;
			width: 138px;
			margin-left: 30%;
        }
		.btn-rl {
			border-radius: 5px;
		    border: 0;
		    text-align: center;
		    padding: 10px;
		    width: 105.5%;
		    font-size: 17px;
		    margin-top: 20px;
		    background-image: linear-gradient(to right, #4aa5de, #ebdb4b);
		    color: #fff;
			width: 138px;
			margin-left: 30%;
		}


        /* 按钮的属性 */
        .btn {
            cursor: pointer;
            width: 100%;
            background-color: lightblue;
            padding: 15px;
            border: 0;
            font-size: 16px;
            font-family: 微软雅黑, serif;
        }
		
		/* 点击按钮时的属性 */
		.btn-main:focus {
		    outline: 0;
		}
		
		/* 点击按钮时的效果,缩小0.98 */
		.btn-main:active {
		    transform: scale(0.98);
		}

        /* 点击按钮时的属性 */
        .btn-rl:focus {
            outline: 0;
        }

        /* 点击按钮时的效果,缩小0.98 */
        .btn-rl:active {
            transform: scale(0.98);
        }
